<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="x-ua-compatible" content="ie=edge" />
  <title>Blog Grid Sidebar - JobGrids Job Portal HTML Template.</title>
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.svg" />
  <!-- Place favicon.ico in the root directory -->

  <!-- Web Font -->
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
        rel="stylesheet">

  <!-- ========================= CSS here ========================= -->
  <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
  <link rel="stylesheet" href="assets/css/LineIcons.2.0.css" />
  <link rel="stylesheet" href="assets/css/animate.css" />
  <link rel="stylesheet" href="assets/css/tiny-slider.css" />
  <link rel="stylesheet" href="assets/css/glightbox.min.css" />
  <link rel="stylesheet" href="assets/css/main.css" />
  <!--设置元素隐藏，点击radio注册元素显现-->
  <style>
    .hidden{
        display:none;
    }
  </style>
</head>

<body>
<!--[if lte IE 9]>
<p class="browserupgrade">
  You are using an <strong>outdated</strong> browser. Please
  <a href="https://browsehappy.com/">upgrade your browser</a> to improve
  your experience and security.
</p>
<![endif]-->

<div id="loading-area"></div>

<!-- Start Header Area -->
<header class="header other-page">
  <div class="navbar-area">
    <div class="container">

      <div class="row align-items-center">

        <div class="col-lg-12">
          <nav class="navbar navbar-expand-lg">
            <a class="navbar-brand logo" href="index.html">
              <img class="logo1" src="assets/images/logo/logo.svg" alt="Logo" />
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="Toggle navigation">
              <span class="toggler-icon"></span>
              <span class="toggler-icon"></span>
              <span class="toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
              <ul id="nav" class="navbar-nav ml-auto">
                <li class="nav-item">
                  <a href="index.html">主页</a>

                </li>



                    <li class="nav-item">
                      <a  href="browse-jobs.html">职位搜索</a>
                    </li>



                <li class="nav-item hidden" id="hrmanagejobbarliid"><a href="#">职位管理 </a>
                  <ul class="sub-menu">
                    <li><a href="post-job.html">发布职位</a></li>
                    <li><a href="manage-jobs.html">职位查看与编辑</a></li>
                    <li><a  href="have-manage-resumes.html">已处理申请</a></li>
                    <li><a  href="manage-resumes.html">待处理申请</a></li>

                  </ul>
                </li>

                <!-- <li class="nav-item"><a href="#">招聘 </a>
                  <ul class="sub-menu">
                    <li><a href="post-job.html">发布职位</a></li>
                    <li><a href="manage-jobs.html">管理岗位信息</a></li>
                    <li><a href="manage-applications.html">？管理岗位申请</a></li>
                    <li><a href="manage-resumes.html">管理求职申请</a></li>
                    <li><a href="browse-resumes.html">浏览简历</a></li>

                  </ul>
                </li> -->



                <li class="nav-item">
                  <a   href="blog-grid-sidebar.html">论坛</a></li>
                <!-- <li><a href="blog-single.html">论坛详情</a></li> -->
                <!-- <li><a href="blog-single-sidebar.html">Blog Single Sibebar</a></li> -->
                </li>

                <li class="nav-item"><a href="contact.html">联系我们 </a> </li>


                <li class="nav-item"><a href="#">其他</a>
                  <ul class="sub-menu">
                    <!-- <li><a href="index.html" onclick="logout()">Log Out</a></li> -->
                    <li><a onclick="checkloginuser()">Personal Info</a></li>
                    <li><a href="about-us.html" onclick="addtoken()">about-us</a></li>
                    <li><a href="job-list.html">职位列表</a></li>
                    <li><a href="job-details.html">职位详情</a></li>
                    <li><a href="resume.html">个人信息展示</a></li>
                    <li><a href="privacy-policy.html">用户手册</a></li>
                    <li><a href="faq.html">问题</a></li>
                    <!-- <li><a href="pricing.html">Our Pricing</a></li> -->
                    <li><a href="404.html">404错误</a></li>
                    <li><a href="mail-success.html">成功发出消息</a></li>
                    <li><a href="index-seeker.html">s</a></li>
                    <li><a href="index-hr.html">h</a></li>
                  </ul>
                </li>



                <li class="nav-item" id="nouserinforcenterbarid"><a href="#">个人中心</a>

                </li>
                <li class="nav-item hidden" id="seekerinforcenterbarliid"><a href="#" class="active" >个人中心</a>
                  <ul class="sub-menu">
                    <li><a href="resume.html">简历查看</a></li>
                    <li><a href="showseekerinfo.html">个人信息编辑</a></li>
                    <li><a href="add-resume.html">简历编辑</a></li>
                    <li><a href="manage-applications.html">申请进度</a></li>

                    <li><a href="job-alerts.html">消息提醒</a></li>
                    <li><a href="manage-blog.html" class="active" >管理博客</a></li>
                  </ul>
                </li>
                <li class="nav-item hidden " id="hrinforcenterbarliid"><a href="#"class="active">个人中心</a>
                  <ul class="sub-menu">
                    <li><a href="showhrinfo.html">信息编辑</a></li>

                    <li><a href="job-alerts.html">消息提醒</a></li>
                    <li><a href="manage-blog.html" class="active">管理博客</a></li>
                  </ul>
                </li>
                <li class="nav-item login hidden" id="shownamebarliid">

                  <a href="showhrinfo.html" id="shownameid" >
                  </a>
                  <ul class="sub-menu">
                    <li><a href="index.html" onclick="logout()">退出登录</a></li>
                  </ul>
                </li>
              </ul>
            </div>
            <!-- navbar collapse -->
            <div class="button" id="loginsignupbarid">
              <a href="javacript:" data-toggle="modal" data-target="#login" class="login"><i
                class="lni lni-lock-alt"></i>登录</a>
              <a href="javacript:" data-toggle="modal" data-target="#signup" class="btn">注册</a>

            </div>
          </nav>
          <!-- navbar -->
        </div>
      </div>
      <!-- row -->
    </div>
    <!-- container -->
  </div>
  <!-- navbar area -->
</header>
<!-- End Header Area -->


<!-- Start Blog Singel Area -->
<section class="section latest-news-area blog-list">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-md-7 col-12">

        <div class="row" id="blogtemplateid">



        </div>
        <!-- Pagination -->
        <div class="pagination center">
          <ul class="pagination-list">
            <li><a href="#" onclick="lastpage()"><i class="lni lni-chevron-left"></i></a></li>
            <li class="active"><a href="#" onclick="changepagecontent(this)">1</a></li>
          </ul>
        </div>
        <!--/ End Pagination -->
      </div>
      <aside class="col-lg-4 col-md-5 col-12">
        <div class="sidebar ">
          <div class="widget search-widget">
            <h5 class="widget-title"><span>发布博客</span></h5>
            <div class="button">
              <a href="addblog.html" class="btn">写博客</a>
            </div>
          </div>
          <div class="widget search-widget">
            <h5 class="widget-title"><span>搜索博客<h6>(有效关键字:连续字个数>=2关键字之间用逗号隔开e.g.科学)</h6></span></h5>
            <form onsubmit="return false">
              <input type="text" id="searchblogid"placeholder="输入关键字...">
              <button onclick="searchblog()"><i class="lni lni-search-alt"></i></button>
            </form>
          </div>
          <div class="widget popular-feeds">
            <h5 class="widget-title"><span>个人热门动态</span></h5>
            <div class="popular-feed-loop" id="hotblogtemplateid">


            </div>
          </div>

        </div>
      </aside>
    </div>
  </div>
</section>
<!-- End Blog Singel Area -->

<!-- Login Modal -->
<div class="modal fade form-modal" id="login" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog max-width-px-840 position-relative">
    <button type="button"
            class="circle-32 btn-reset bg-white pos-abs-tr mt-md-n6 mr-lg-n6 focus-reset z-index-supper"
            data-dismiss="modal"><i class="lni lni-close"></i></button>
    <div class="login-modal-main">
      <div class="row no-gutters">
        <div class="col-12">
          <div class="row">
            <div class="heading">
              <h3>登录</h3>
              <!-- <p>Log in to continue your account <br> and explore new jobs.</p> -->
              <p> 登录以继续您的账户并探索新的工作。</p>

            </div>
            <!-- <div class="social-login">
              <ul>
                <li><a class="linkedin" href="#"><i class="lni lni-linkedin-original"></i> Log in
                  with LinkedIn</a></li>
                <li><a class="google" href="#"><i class="lni lni-google"></i> Log in with
                  Google</a></li>
                <li><a class="facebook" href="#"><i class="lni lni-facebook-original"></i> Log in
                  with Facebook</a></li>
              </ul>
            </div> -->
            <!-- <div class="or-devider">
              <span>Or</span>
            </div> -->


            <form  id="loginform" onsubmit="return false">
              <div class="form-group">
                <!--邮箱-->
                <!--<label for="email" class="label">E-mail</label>
                <input type="email" class="form-control" placeholder="example@gmail.com" id="email">-->
                <br>
                <label for="phone" class="label">电话号码</label>
                <div class="position-relative">
                  <input type="tel" class="form-control" id="phone"
                         name="loginphone"  placeholder="请输入电话号码" required>
                </div>
              </div>
              <div class="form-group">
                <label for="password" class="label">密码</label>
                <div class="position-relative">
                  <input type="password" class="form-control" id="password"
                         name="loginpwd"   placeholder="请输入密码" required>
                </div>
              </div>

              <div>

                <!-- <input type="radio" name="loginrule" value="adminlogin" id="adminlogincheckbox" onclick="getloginroleradioval(this.value)" required/>
                 <label for="adminlogincheckbox" >我是管理员</label>-->

                <input required type="radio" name="loginrule"  value="employeelogin" id="employeelogincheckbox" onclick="getloginroleradioval(this.value)"/>
                <label for="employeelogincheckbox" >我是求职者</label>

                <input  required type="radio" name="loginrule" value="hrlogin" id="hrlogincheckbox" onclick="getloginroleradioval(this.value)"/>
                <label for="hrlogincheckbox" >我是招聘方</label>

                <br>
              </div>
              <div class="form-group d-flex flex-wrap justify-content-between">
                <!-- Default checkbox -->
                <div class="form-check">
                  <input class="form-check-input" type="checkbox" value=""
                         id="flexCheckDefault" />
                  <label class="form-check-label" for="flexCheckDefault">记住密码</label>
                </div>
                <a href="" class="font-size-3 text-dodger line-height-reset">忘记密码</a>
              </div>
              <div class="form-group mb-8 button">
                <button class="btn " onclick="login()">登录
                </button>
              </div>
              <p class="text-center create-new-account">  没有账号? <a href="#">立刻创建账号 </a></p>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End Login Modal -->

<!-- Signup Modal -->
<div class="modal fade form-modal" id="signup" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog max-width-px-840 position-relative">
    <button type="button"
            class="circle-32 btn-reset bg-white pos-abs-tr mt-md-n6 mr-lg-n6 focus-reset z-index-supper"
            data-dismiss="modal"><i class="lni lni-close"></i></button>
    <div class="login-modal-main">
      <div class="row no-gutters">
        <div class="col-12">
          <div class="row">
            <div class="heading">
              <h3>创建账户 </h3>
              <!-- <p>Create your account to continue <br> and explore new jobs.</p> -->
              <p>创建您的账户以继续并探索新的工作。</p>
            </div>
            <!-- <div class="social-login">
              <ul>
                <li><a class="linkedin" href="#"><i class="lni lni-linkedin-original"></i> Import from LinkedIn</a></li>
                <li><a class="google" href="#"><i class="lni lni-google"></i> Import from
                  Google</a></li>
                <li><a class="facebook" href="#"><i class="lni lni-facebook-original"></i> Import from Facebook</a></li>
              </ul>
            </div>
            <div class="or-devider">
              <span>Or</span>
            </div> -->
            <!--后端的Controller进行处理-->
            <form  id="signupform" onsubmit="return false">
              <div class="form-group">
                <br>
                <label for="phone" class="label">电话号码</label>
                <input type="tel" class="form-control" name="phone" placeholder="输入电话号码" required>
              </div>
              <div class="form-group">
                <label for="inputpwd" class="label">密码</label>
                <div class="position-relative">
                  <input name="pwd" type="password" class="form-control" id="inputpwd" placeholder="输入密码" onkeyup="checkpwd()" required>
                </div>
              </div>
              <div class= "form-group" >
                <label for="confirmpwd" class="label">确认密码</label>
                <div class="position-relative">
                  <input name="repwd" type="password" class="form-control" id="confirmpwd" placeholder="确认密码" onkeyup="checkpwd()">
                  <span id="tishi"></span></input>
                </div>
              </div>
              <div class= "form-group" >
                <label for="signupname" class="label">您的姓名</label>
                <div class="position-relative">
                  <input required name="signupname" type="text" class="form-control" id="signupname" placeholder="输入姓名">
                  </input>
                </div>
              </div>
              <div class="form-group" id="signuprolegroup">
                <label for="signuprolegroup" class="label">请选择注册身份</label>
                <!--选择身份进行注册-->
                <!--<input type="radio" name="signrule" value="adminsignup" id="adminsigncheckbox" onclick="getsignuproleradioval(this.value)"required/>
                <label for="adminsigncheckbox" >管理员注册</label>-->

                <input  type="radio" name="signrule"  value="employeesignup" id="employeesigncheckbox" onclick="getsignuproleradioval(this.value)"/>
                <label for="employeesigncheckbox" >求职者注册</label>

                <input   type="radio" name="signrule" value="hrsignup" id="hrsigncheckbox"onclick="getsignuproleradioval(this.value)"/>
                <label for="hrsigncheckbox" >招聘方注册</label>
              </div>

              <!--隐藏元素，按需显现-->
              <!--hr注册必填元素:公司和公司职位-->
              <div class= "form-group hidden" id="hrsignupposclass">
                <label for="hrsignuppos" class="label">您的职位</label>
                <div class="position-relative">
                  <input name="hrpos" type="text" class="form-control" id="hrsignuppos" placeholder="输入职位">
                  </input>
                </div>
              </div>
              <div class="form-group hidden" id="hrsignupcompanyclass">
                <label for="hrsignupcompany" class="label">选择所在公司</label>
                <select name="hrcompany" class="form-control" id="hrsignupcompany"></select>
                <a href="company.html" id="hrcompanysignup">找不到所属公司请点击此处进行公司注册</a>
              </div>
              <!--hr必填元素结束-->
              <!--求职者注册必填元素email,Gender,-->
              <div class= "form-group hidden" id="seekersignemailclass">
                <label for="seekersignemail" class="label">您的邮箱</label>
                <div class="position-relative">
                  <input name="seekeremail" type="email" class="form-control" id="seekersignemail" placeholder="输入邮箱">
                  </input>
                </div>
              </div>
              <div class= "form-group hidden" id="seekersigngenderclass">
                <label for="seekersigngender" class="label">性别</label>
                <div class="position-relative">
                  <select name="seekergender" class="form-control" id="seekersigngender">
                    <option value="女">女</option>
                    <option value="男">男</option>
                    <option value="未知">未知</option>
                  </select>
                </div>
              </div>
              <div class= "form-group hidden" id="seekerdateclass">
                <label for="seekersigndate" class="label">出生日期</label>
                <div class="position-relative">
                  <input name="seekerdate" type="date" class="form-control" id="seekersigndate" placeholder="输入出生日期">
                  </input>
                </div>
              </div>
              <div class= "form-group hidden" id="seekeriseduclass">
                <label for="seekerisedu" class="label">是否为应届生</label>
                <div class="position-relative">
                  <select name="seekerisedu" class="form-control" id="seekerisedu">
                    <option value="是">是</option>
                    <option value="否">否</option>
                  </select>

                </div>
              </div>
              <!--求职者注册必填元素结束-->
              <div class="form-group d-flex flex-wrap justify-content-between">
                <!-- Default checkbox -->
                <div class="form-check">
                  <input class="form-check-input" type="checkbox" value="" checked required>
                  <label class="form-check-label" for="flexCheckDefault">同意 <a
                    href="#">用户使用协议</a></label>
                </div>
              </div>

              <div class="form-group mb-8 button">
                <button class="btn " id="signupbtn" onclick="signup()" >注册
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- EndSignup Modal -->

<!-- Start Footer Area -->
<footer class="footer">
  <div class="footer-bottom">
    <div class="container">
      <div class="inner">
        <div class="row">
          <div class="col-lg-6 col-md-6 col-12">
            <div class="left">
              <p><a target="_blank" >软件工程大作业</a></p>
            </div>
          </div>
          <div class="col-lg-6 col-md-6 col-12">
            <div class="right">
              <ul>
                <li><a href="privacy-policy.html">用户手册</a></li>
                <li><a href="#">项目文档</a></li>
                <li><a href="https://gitee.com/Yuan-Wi/software-engineering-team/tree/master/">gitee</a></li>
                <li><a href="contact.html">联系我们</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- End Footer Middle -->
</footer>
<!--/ End Footer Area -->

<!-- ========================= scroll-top ========================= -->
<a href="#" class="scroll-top btn-hover">
  <i class="lni lni-chevron-up"></i>
</a>

<div class="hidden">
  <input  id="logintoken" name="mytoken" value="">
</div>
<!-- ========================= JS here ========================= -->
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

<script src="assets/js/wow.min.js"></script>
<script src="assets/js/tiny-slider.js"></script>
<script src="assets/js/glightbox.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!--模板引擎用于blog的模板显示-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js"></script>

<script type="text/javascript">

  //================注册登录相关
        //像后端传本地浏览器保存的token（当前登录用户）点击首页跳转的页面
  function checkloginuser(){
      //window.location.reload();

    $.ajax({
    url: "http://localhost:8080/mycheckloginuser",
    type: "GET",
    data: {token : window.localStorage.getItem("user")?window.localStorage.getItem("user"):"notoken"},
    success: function(result){
     // alert(result.code);
      if(result.code==200){
        if(result.msg=="hrlogin"){

        location.href="http://localhost/static/html/showhrinfo.html";
        }
        else if(result.msg=="employeelogin"){window.location.href="http://localhost/static/html/showseekerinfo.html";}
      }
      else {
        alert(result.code+result.msg);
        }
    },
    error: function(){
    alert("请刷新重试");
    },
  });

  };
//其他业务请求从本地浏览器中存的token获取加入请求头

function logout(){
 window.localStorage.removeItem('user');
 location.href="http://localhost/static/html/index.html";
};
var loginuserinfo;//当前登录用户的角色和id
/*解析token*/
function sparsetoken(){
var token;
  $(function(){
  token = window.localStorage.getItem("user");//这可以得到当前登录用户的token
  alert("user="+token);
  alert(window.location.href);
  //data.data.normal_login_token为发送Ajax获取到的token信息
var strings = token.split(".");//通过split()方法将token转为字符串数组
//取strings[1]数组中的第二个字符进行解析
var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, "+").replace(/_/g, "/")))));
loginuserinfo = userinfo;//赋给全局变量
//然后可以拿到解析后的数据，可以console.log()打印下，roleid是在表中的id，loginrole=hrlogin或seekerlogin
alert(userinfo.roleid+userinfo.loginrole+'userinfo');

  });
/*  $.ajax({
    url: "http://localhost:8080/myabout",
    type: "GET",
    xhrFields: {
                    withCredentials: true
                },
    success: function(result){
      alert("成功");
    },
    error: function(){
    alert("失败");
    },
  });*/
};
//===========最初需要完成下拉框的内容的加载
$(document).ready(function(){
     /*   alert("新方法");*/
        $.get(
        /*去到url的控制器中处理*/
          "http://localhost:8080/companysignuplist",
          function(data){
           /* alert(data[0].companyId);*/
            for(var i = 0 ; i < data.length;i++){
              /*创建新的一行*/
              var newRow = "<option value="+data[i].companyId+">"+data[i].companyName+"</option>";
              /*插入新的一行*/
              $("#hrsignupcompanyclass select").append(newRow);
            }


          }
        );
    });

 //===========最初需要完成名字的显示和相关用户导航栏的隐藏
$(document).ready(function(){
     /*   alert("新方法");*/
        $.ajax({
url: "http://localhost:8080/mylogingetusername",
type: "GET",
data: {token : window.localStorage.getItem("user")?window.localStorage.getItem("user"):"notoken"},
success: function(result){
 // alert(result.code);
  if(result.code==200){
  alert(result.msg);
  //非登录用户的个人中心bar隐藏，用户名字显示
  document.getElementById("loginsignupbarid").classList.add("hidden");
  document.getElementById("loginsignupbarid").classList.remove("button");
  document.getElementById("nouserinforcenterbarid").classList.add("hidden");
  document.getElementById("shownamebarliid").classList.remove("hidden");

  if(result.data=="seekerlogin"){
  //当前登录用户是seeker
  //hr的bar隐藏，seeker的bar显示
  document.getElementById("hrmanagejobbarliid").classList.add("hidden");
  document.getElementById("hrinforcenterbarliid").classList.add("hidden");

  document.getElementById("seekerinforcenterbarliid").classList.remove("hidden");
  }
  else if(result.data=="hrlogin"){
  //当前登录用户是hr
  //seeker的bar隐藏，hr的bar显示
  document.getElementById("seekerinforcenterbarliid").classList.add("hidden");

  document.getElementById("hrmanagejobbarliid").classList.remove("hidden");
  document.getElementById("hrinforcenterbarliid").classList.remove("hidden");

  }

  document.getElementById('shownameid').textContent = "欢迎"+result.msg+"登录";

  }
  else if(result.code==1){
  //没有用户登录，隐藏用户bar
  document.getElementById("loginsignupbarid").classList.add("button");
  document.getElementById("nouserinforcenterbarid").classList.remove("hidden");
  document.getElementById("loginsignupbarid").classList.remove("hidden");

  document.getElementById("shownamebarliid").classList.add("hidden");
  document.getElementById("seekerinforcenterbarliid").classList.add("hidden");
  document.getElementById("hrmanagejobbarliid").classList.add("hidden");
  document.getElementById("hrinforcenterbarliid").classList.add("hidden");

  }
  else {
  document.getElementById("nouserinforcenterbarid").classList.remove("hidden");
  document.getElementById("loginsignupbarid").classList.remove("hidden");
  document.getElementById("loginsignupbarid").classList.add("button");
  document.getElementById("shownamebarliid").classList.add("hidden");
  document.getElementById("seekerinforcenterbarliid").classList.add("hidden");
  document.getElementById("hrmanagejobbarliid").classList.add("hidden");
  document.getElementById("hrinforcenterbarliid").classList.add("hidden");
    alert(result.code+result.msg);
    }
},
error: function(){
alert("请刷新重试");
},
});
    });
    var loginrule;
    function getloginroleradioval(value){
     loginrole=value;
    }
  //===========登录角色表单数据传到后台
  function login(){
  //判断当前是否登录
  //if(window.localStorage.getItem("user")){
  //alert("当前此设备已经有登录，如果要重新登录请先退出");
  //}
  //alert("login"+$('#loginform').serialize());
  $.ajax({
    type: "POST",
    dataType: "json",
    url: "http://localhost:8080/mylogin",
    data: $('#loginform').serialize(),
    crossDomain: true, // 发送Ajax时，Request header 中会包含跨域的额外信息，但不会含cookie（作用不明，不会影响请求头的携带）
    xhrFields: {
          withCredentials: true /*发送Ajax时，Request header中会带上 Cookie 信息。*/
                 },
    success: function(result){
      if(result.code==200){
        alert("登录成功");
        let exp = new Date();
        exp.setTime(exp.getTime() + 60 * 60 * 1000); //设置过期时间，1小时过期
        window.localStorage.setItem("user",result.msg,exp.toGMTString());
        document.cookie="usertoken="+result.msg+"; domain=http://localhost; path=http://localhost/frontindex";
        var strings = result.msg.split(".");//通过split()方法将token转为字符串数组
        //取strings[1]数组中的第二个字符进行解析
        var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, "+").replace(/_/g, "/")))));
        //然后可以拿到解析后的数据，可以console.log()打印下，roleid是在表中的id，loginrole=hrlogin或seekerlogin
        alert("欢迎登录"+userinfo.roleid+userinfo.loginrole);
        //alert("登陆成功后的"+result.msg+"=="+document.cookie);
        $("#login").modal('hide');
        /*清空表单*/
        $('#loginform')[0].reset();
        location.href="http://localhost/static/html/index.html";
      }
      else{
        alert(result.code+result.msg);
      }
    },
    error: function(){
      alert("登录失败");
    },
  });
  };
  var signrole;//注册角色
  //===========表单数据传到后台
  function signup(){
  /*alert("signrole"+signrole);*/
    $.ajax({
      type: "POST",
      dataType: "json",
      url: "http://localhost:8080/"+signrole,
      data: $('#signupform').serialize(),
      success: function(result){
         /* alert(result.code);*/
          if(result.code==200){
           alert("注册成功");
           /*退出模态框*/
           $("#signup").modal('hide');
           /*清空表单*/
           $('#signupform')[0].reset();
            document.getElementById("hrsignupposclass").classList.add("hidden");
            document.getElementById("hrsignupcompanyclass").classList.add("hidden");
            document.getElementById("hrsignuppos").removeAttribute('required');
            document.getElementById("hrsignupcompany").removeAttribute('required');
             document.getElementById("seekersignemailclass").classList.add("hidden");
            document.getElementById("seekerdateclass").classList.add("hidden");
            document.getElementById("seekeriseduclass").classList.add("hidden");
            document.getElementById("seekersigngenderclass").classList.add("hidden");
            document.getElementById("seekersigngender").removeAttribute('required');
            document.getElementById("seekersignemail").removeAttribute('required');
            document.getElementById("seekersigndate").removeAttribute('required');
            document.getElementById("seekerisedu").removeAttribute('required');

          }
          else{
          alert(result.code+result.msg);
          }
      },
      error : function(){
          alert("注册失败!");
      },

    });
  };
  //===========根据选择的角色先跳转到对应的控制器去insert(id,phone,pwd)
  function getsignuproleradioval(value){
    signrole=value;
    if(value=="hrsignup"){
    alert("选择HR身份注册");
    //显示全部必填信息
      document.getElementById("hrsignupposclass").classList.remove("hidden");
      document.getElementById("hrsignupcompanyclass").classList.remove("hidden");
      //设置为必填
      document.getElementById("hrsignuppos").setAttribute('required', true);
       document.getElementById("hrsignupcompany").setAttribute('required', true);
      //求职者的隐藏不必填
      document.getElementById("seekersignemailclass").classList.add("hidden");
    document.getElementById("seekerdateclass").classList.add("hidden");
    document.getElementById("seekeriseduclass").classList.add("hidden");
    document.getElementById("seekersigngenderclass").classList.add("hidden");
    document.getElementById("seekersigngender").removeAttribute('required');
    document.getElementById("seekersignemail").removeAttribute('required');
    document.getElementById("seekersigndate").removeAttribute('required');
    document.getElementById("seekerisedu").removeAttribute('required');

    //跳到对应的控制器中操作数据库
     // document.getElementById("signupform").action = "http://localhost:8080/hrsignup";
    }
    else if(value=="employeesignup"){
    alert("选择求职者身份注册");
    //Hr的隐藏不必填
    document.getElementById("hrsignupposclass").classList.add("hidden");
    document.getElementById("hrsignupcompanyclass").classList.add("hidden");
    document.getElementById("hrsignuppos").removeAttribute('required');
    document.getElementById("hrsignupcompany").removeAttribute('required');
    //显示求职者注册必填信息
    document.getElementById("seekersignemailclass").classList.remove("hidden");
    document.getElementById("seekerdateclass").classList.remove("hidden");
    document.getElementById("seekeriseduclass").classList.remove("hidden");
    document.getElementById("seekersigngenderclass").classList.remove("hidden");
    document.getElementById("seekersigngender").setAttribute('required', true);
    document.getElementById("seekersignemail").setAttribute('required', true);
    document.getElementById("seekersigndate").setAttribute('required', true);
    document.getElementById("seekerisedu").setAttribute('required', true);
   // document.getElementById("signupform").action = "http://localhost:8080/employeesignup";
    }
  };

  //===========确认两次密码一致
 function checkpwd() {
   var password = document.getElementById("inputpwd").value;
   var repassword = document.getElementById("confirmpwd").value;
   //判断输入框为空
   if(!password){
    document.getElementById("tishi").innerHTML="<br><font color='red'>请输入密码!</font>";
      document.getElementById("signupbtn").disabled = true;
                }
   else if(password == repassword) {
      document.getElementById("tishi").innerHTML="<br><font color='green'>两次密码输入一致</font>";
      document.getElementById("signupbtn").disabled = false;
                }
   else {
      document.getElementById("tishi").innerHTML="<br><font color='red'>两次输入密码不一致!</font>";
      document.getElementById("signupbtn").disabled = true;
        }
 };

//==================开始时从数据库查询到所有blog按照模板显示
var blogs;
  $(document).ready(function(){
     /*   alert("新方法");*/
     $.ajax({
      type: "POST",
      dataType: "json",
      url: "http://localhost:8080/manageblogpage",
      data: {"from":1,"to":1,token:window.localStorage.getItem("user")?window.localStorage.getItem("user"):"notoken"},
      success: function(data){
            blogs=data;
            //向上取整
            var pagecount = Math.ceil(data.length/4);
            var ul =  document.querySelector(".pagination-list");
            for(var i = 2 ; i <= pagecount;i++){
            var li = document.createElement("li");
            var a = document.createElement("a");
            a.href = "#";
            a.innerText = i;
            a.onclick = function() {changepagecontent(this);};
           // alert(i+"func="+a.onclick);
            li.appendChild(a);
            ul.appendChild(li);
            }
            $(".pagination-list").append('<li><a href="#" onclick="nextpage()"><i class="lni lni-chevron-right"></i></a></li>');

            var blogblock = document.getElementById('blogtemplateid');
            var blogtemplate = Handlebars.compile(document.getElementById('blog-template').innerHTML);
            blogblock.innerHTML += blogtemplate({data: data.slice(0,4)});
            //热门博客显示
            var hotblogblock = document.getElementById('hotblogtemplateid');
            var hotblogtemplate = Handlebars.compile(document.getElementById('hotblog-template').innerHTML);
            hotblogblock.innerHTML += hotblogtemplate({data: data.slice(0,3)});
              },
      error:function(){
            alert("出错了");
            },
      });
      });

//==========注册模板引擎帮助函数
  Handlebars.registerHelper('truncate', function (str, maxLen) {
  //alert("str的类型是"+typeof str);
    if (str.length > maxLen) {
      return str.substring(0, maxLen) + "...";
      } else {
      return str;
      }
      });
      //==================分页跳转
  function changepagecontent(index){
        // 获取 <ul> 元素
        var ulElement = document.querySelector(".pagination-list");

        // 获取 <ul> 元素下的所有 <li> 元素
        var liElements = ulElement.getElementsByTagName('li');

        // 遍历所有 <li> 元素，去掉active
        for (var i = 0; i < liElements.length; i++) {

            liElements[i].classList.remove('active');
            }

            let page = Number(index.innerText)-1;
            liElements[page+1].classList.add('active');
            alert("当前页="+page);

            var blogblock = document.getElementById('blogtemplateid');
            var blogtemplate = Handlebars.compile(document.getElementById('blog-template').innerHTML);
            blogblock.innerHTML = blogtemplate({data: blogs.slice(page*4,page*4+1)});
            blogblock.innerHTML += blogtemplate({data: blogs.slice(page*4+1,page*4+4)});
  };

  //===============左箭头跳转
  function lastpage(){
          // 获取 <ul> 元素
        var ulElement = document.querySelector(".pagination-list");

        // 获取 <ul> 元素下的所有 <li> 元素
        var liElements = ulElement.getElementsByTagName('li');
        let page = 1;

        // 遍历所有 <li> 元素，去掉active
        for (var i = 0; i < liElements.length; i++) {
            if(liElements[i].classList.contains('active')){
            liElements[i].classList.remove('active');
            page=Number(liElements[i].querySelector('a').innerText)-1;
            }
        }
            page=page-1;
            if(page<0){page=0;}
            liElements[page+1].classList.add('active');

            alert("当前页="+page);
            var blogblock = document.getElementById('blogtemplateid');
            var blogtemplate = Handlebars.compile(document.getElementById('blog-template').innerHTML);
            blogblock.innerHTML = blogtemplate({data: blogs.slice(page*4,page*4+1)});
            blogblock.innerHTML += blogtemplate({data: blogs.slice(page*4+1,page*4+4)});

};
//===============右箭头跳转
function nextpage(){
         // 获取 <ul> 元素
        var ulElement = document.querySelector(".pagination-list");

        // 获取 <ul> 元素下的所有 <li> 元素
        var liElements = ulElement.getElementsByTagName('li');
        let page = 1;

        // 遍历所有 <li> 元素，去掉active
        for (var i = 0; i < liElements.length; i++) {
            if(liElements[i].classList.contains('active')){
            liElements[i].classList.remove('active');
            page=Number(liElements[i].querySelector('a').innerText)-1;
            }
        }
            page=page+1;
            var pagecount = Math.ceil(blogs.length/4);
            if(page>=pagecount){page=pagecount-1;}

            liElements[page+1].classList.add('active');
            alert("当前页="+page);
            var blogblock = document.getElementById('blogtemplateid');
            var blogtemplate = Handlebars.compile(document.getElementById('blog-template').innerHTML);
            blogblock.innerHTML = blogtemplate({data: blogs.slice(page*4,page*4+1)});
            blogblock.innerHTML += blogtemplate({data: blogs.slice(page*4+1,page*4+4)});

};
  //================显示博客详情
  //function showblogdetails(blogid){
    //  alert(blogid);
     // window.location.href = 'details.html?id=' + id;
 // }
//==================关键词搜索
  function searchblog(){
  $.ajax({
      type: "POST",
      dataType: "json",
      url: "http://localhost:8080/blogsearch",
      data: {searchkey:document.getElementById("searchblogid").value},
      success: function(data){

      //更新分页索引
        var pagecount = Math.ceil(data.length/4);
        var ul =  document.querySelector(".pagination-list");
        var liElements = ul.querySelectorAll('li');
        for (var i = 2; i < liElements.length; i++) {
        ul.removeChild(liElements[i]);
        }
        for(var i = 2 ; i <= pagecount;i++){
            var li = document.createElement("li");
            var a = document.createElement("a");
            a.href = "#";
            a.innerText = i;
            a.onclick = function() {changepagecontent(this);};
           // alert(i+"func="+a.onclick);
            li.appendChild(a);
            ul.appendChild(li);
            }
            $(".pagination-list").append('<li><a href="#" onclick="nextpage()"><i class="lni lni-chevron-right"></i></a></li>');
        //没有得到结果
        if(data.length==0){
        alert("抱歉-_-没有得到结果,请继续浏览全部博客或发布你自己的博客吧(确保输入了有效关键字)");
        location.href="http://localhost/static/html/blog-grid-sidebar.html";
        }
        blogs = data;//改变全局的blogs用来延续分页

        var page=0;
        var blogblock = document.getElementById('blogtemplateid');
        var blogtemplate = Handlebars.compile(document.getElementById('blog-template').innerHTML);
        blogblock.innerHTML = blogtemplate({data: data.slice(page*4,page*4+1)});
        blogblock.innerHTML += blogtemplate({data: data.slice(page*4+1,page*4+4)});


      },
      error: function(){
      alert("失败请稍后重试");
      },

  });

  }
</script>
<!--模板显示blog-->
<script id="blog-template" type="text/x-handlebars-template">
  {{#each data}}
  <div class="col-lg-6 col-12">
    <!-- 单条新闻 -->
    <div class="single-news wow fadeInUp" data-wow-delay=".3s">
      <div class="image">
        <img class="thumb" src="assets/images/jobs/category-4.jpg" alt="远程工作趋势">
      </div>
      <div class="content-body" >
        <h4 class="title"><a href="blog-edit.html?id={{blogId}}" id="blogtitleid" >{{blogTitle}}</a></h4>
        <div class="meta-details">
          <ul>
            <li><a href="#" ><i class="lni lni-tag"></i> {{blogTag}}</a></li>
            <li><a href="#"><i class="lni lni-calendar"></i> {{blogDate}}</a></li>
            <li><a href="#"><i class="lni lni-eye"></i> {{blogViews}}</a></li> <!-- 假设这是阅读量 -->
          </ul>
        </div>
        <p>
          <!--只显示50字-->
          {{#truncate blogContent 10}}
          {{blogContent }}
          {{/truncate}}
        </p>
        <!--近年来，随着科技的发展，远程工作已成为越来越多求职者的首选。这种工作模式不仅为人们提供了更大的灵活性和自主性，还有助于降低通勤成本，提高生活品质。此外，远程工作也为企业带来了更多的人才选择，降低了招聘成本。</p>
      --><!-- <p>在最新的调查报告中，超过80%的受访者表示愿意尝试远程工作，其中不乏来自一线城市的高薪职业者。这一趋势在疫情期间得到了进一步加速，预计未来远程工作将越来越普及。</p>   -->
        <div class="button">
          <!--点击跳转博客详情页面-->
          <a href="blog-edit.html?id={{blogId}}"  class="btn">进行操作</a>
        </div>
      </div>
    </div>
    <!-- 结束单条新闻 -->
  </div>
  {{/each}}
</script>
<!--模板显示hotblogs-->
<script id="hotblog-template" type="text/x-handlebars-template">
  {{#each data}}
  <div class="single-popular-feed">
    <div class="feed-desc">
      <h6 class="post-title"><a href="blog-edit.html?id={{blogId}}">{{blogTitle}}</a></h6>
      <span class="time"><i class="lni lni-calendar"></i> {{blogDate}}</span>
    </div>
  </div>
  {{/each}}
</script>
</body>

</html>
